<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>后台登录系统</title>
    <link rel="stylesheet" href="../../static/css/all.min.css">
    <link rel="stylesheet" href="../../static/css/AdminLogin.css">
    <script src="../../static/js/jquery.js"></script>
    <script src="../../static/js/jquery.cookie.js"></script>
    <script src="../../static/js/AdminLogin.js" defer></script>
</head>
<style>
    .form-group {
        margin-bottom: 1.5rem;
    }

    label {
        display: block;
        margin-bottom: 0.5rem;
        font-weight: 500;
    }

    .custom-input {
        width: 100%;
        padding: 0.75rem;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 1rem;
    }

    /* 关键样式：覆盖自动填充的背景色 */
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px white inset !important;
        -webkit-text-fill-color: #333 !important;
        transition: background-color 5000s ease-in-out 0s;
    }
</style>
<body>
<!-- 浮动背景元素 -->
<div class="floating"><i class="fas fa-graduation-cap"></i></div>
<div class="floating"><i class="fas fa-book"></i></div>
<div class="floating"><i class="fas fa-user-graduate"></i></div>
<div class="floating"><i class="fas fa-chalkboard-teacher"></i></div>

<div class="login-container">
    <div class="login-card">
        <div class="login-header">
            <div class="logo-circle">
                <i class="fas fa-user-graduate"></i>
            </div>
            <h1>学生信息管理系统</h1>
            <p>请登录访问您的学生管理平台</p>
        </div>

        <div class="login-body">
            <form id="loginForm">
                <div class="form-group">
                    <label for="username"><i class="fas fa-user"></i> 用户名</label>
                    <i class="fas fa-user input-icon"></i>
                    <input type="text" id="username" placeholder="请输入用户名" required autocomplete="off">
                </div>

                <div class="form-group">
                    <label for="password"><i class="fas fa-lock"></i> 密码</label>
                    <i class="fas fa-lock input-icon"></i>
                    <input type="password" id="password" placeholder="请输入密码" required autocomplete="new-password">
                </div>

                <button type="submit" class="btn btn-login">
                    <i class="fas fa-sign-in-alt"></i> 登录系统
                </button>
            </form>

<!--            <div class="social-login">-->
<!--                <span>或使用其他方式登录</span>-->
<!--                <div class="social-icons">-->
<!--                    <div class="social-icon facebook">-->
<!--                        <i class="fab fa-facebook-f"></i>-->
<!--                    </div>-->
<!--                    <div class="social-icon google">-->
<!--                        <i class="fab fa-google"></i>-->
<!--                    </div>-->
<!--                    <div class="social-icon github">-->
<!--                        <i class="fab fa-github"></i>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
    </div>

</div>

</body>
</html>